.top-bg {
	background: linear-gradient(135deg, #00C6FF 0%, #0072FF 100%);
	height: 64rpx;
}

.blue {
	color: #4888F6;
}

.content {
	width: 750rpx;
	background: #FFFFFF;
	border-radius: 32rpx 32rpx 0rpx 0rpx;
	margin-top: -28rpx;
	// overflow: hidden;

	.tab {
		padding-top: 22rpx;
		margin: 0 0 22rpx;
		display: flex;
		justify-content: space-around;
		font-size: 32rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;

		.tab-item {
			.line {
				display: none;
				width: 32rpx;
				height: 4rpx;
				background: linear-gradient(180deg, #0072FF 0%, #0072FF 100%);
				border-radius: 8rpx 8rpx 8rpx 8rpx;
				margin: 10rpx auto 0;
			}

			&.active {
				color: #0072FF;

				.line {
					display: block;
				}
			}
		}

	}

	.coupon {
		width: 654rpx;
		height: 210rpx;
		box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.38);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		position: relative;
		margin: 35rpx auto;
		display: flex;
		align-items: center;

		.coupon-bg {
			width: 100%;
			height: 100%;
			position: absolute;
		}

		.info {
			color: #FC495F;
			position: relative;
			z-index: 1;
			display: flex;
			padding: 50rpx 210rpx 50rpx 38rpx;
			align-items: center;

			.ft84 {
				font-size: 50rpx;
			}

			.info-right {
				font-size: 30rpx;
				flex: 1;
				padding-left: 10rpx;
				.time {
					font-size: 20rpx;
					text-align: right;
					margin-top: 10rpx;
				}
				.tip{
					font-size: 16rpx;
					margin-top: 5rpx;
					-webkit-line-clamp: 1;
					word-break: break-all;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}
			}
		}

		&.expired {
			.info {
				color: #999999;
			}
		}
	}

}

.page-result {
	text-align: center;

	.page-result-icon {
		width: 358rpx;
		height: 278rpx;
		display: block;
		margin: 136rpx auto 0;
	}

	.page-result-msg {
		font-size: 32rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		margin-top: 54rpx;
	}
}